<%! func Index(w io.Writer,config *common.UIConfig) error %>
<%% import "github.com/infinitbyte/gopa/ui/search/common" %%>

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en-US"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en-US"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en-US"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en-US" class="uk-touch"> <!--<![endif]-->
<head>
    <title><%= config.SiteName %></title>
    <% CommonHeader(w,config) %>
</head>

<body link=#0000cc>
<style>
    html,body {
        width: 90%;
        height: 80%;
        margin: 0;
        padding: 0;
    }

    body {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wrapper{
    }

    .logo-m{
        padding-bottom: 10px;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .logo-m>img {
        width: 100%;
    }

    .toolbar_wrapper-m {
        padding:0 10px!important;
        text-align: center;
    }
    .sbx-custom {
        width: 100%;
        max-width:500px;
        height:41px;
    }
</style>

<div class="wrapper">
    <div>
        <a class="logo-m" href="/m">
            <img alt="<%= config.SiteName %>" border=0  src="<%= config.SiteLogo %>">
        </a>
    </div>
    <div id="toolbar_wrapper" class="toolbar_wrapper-m">
        <svg xmlns="http://www.w3.org/2000/svg" style="display:none">
            <symbol xmlns="http://www.w3.org/2000/svg" id="sbx-icon-search-6" viewBox="0 0 40 40">
                <path d="M28.295 32.517c-2.93 2.086-6.51 3.312-10.38 3.312C8.02 35.83 0 27.81 0 17.914 0 8.02 8.02 0 17.915 0 27.81 0 35.83 8.02 35.83 17.915c0 3.87-1.227 7.45-3.313 10.38l6.61 6.61c1.166 1.165 1.163 3.057 0 4.22-1.167 1.167-3.057 1.167-4.226-.002l-6.605-6.606zm-10.38.326c8.245 0 14.928-6.683 14.928-14.928 0-8.245-6.683-14.93-14.928-14.93-8.245 0-14.93 6.685-14.93 14.93 0 8.245 6.685 14.928 14.93 14.928zm0-26.573c-6.43 0-11.645 5.214-11.645 11.645 0 .494.4.895.896.895.495 0 .896-.4.896-.895 0-5.442 4.41-9.853 9.853-9.853.494 0 .895-.4.895-.896 0-.495-.4-.896-.895-.896z" fill-rule="evenodd"></path>
            </symbol>
            <symbol xmlns="http://www.w3.org/2000/svg" id="sbx-icon-clear-3" viewBox="0 0 20 20">
                <path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z" fill-rule="evenodd"></path>
            </symbol>
        </svg>

        <form name="f" id="f" novalidate="novalidate" class="searchbox sbx-custom" action="/m/" onsubmit="submitSearch()">
            <div role="search" class="sbx-custom__wrapper">
                <input type="q" name="q" placeholder="Please type to search ..."
                       autocomplete="off" required="required"
                       id="query" name="query" maxLength=100 role="textbox"
                       accesskey="s" type="text" x-webkit-speech="" speech="" spellcheck="false" autocomplete="off"
                       class="sbx-custom__input" >
                <button type="submit" title="Submit your search query." class="sbx-custom__submit">
                    <svg role="img" aria-label="Search">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-search-6"></use>
                    </svg>
                </button>
                <button type="reset" title="Clear the search query." class="sbx-custom__reset">
                    <svg role="img" aria-label="Reset">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-clear-3"></use>
                    </svg>
                </button>
            </div>
        </form>

    </div>
    <div class="copyright" style="text-align: center;margin-top: 20px">
        <% common.Copyright(w,config) %>
    </div>
</div>

<% CommonFooter(w) %>

</body>
</html>
